import React from 'react';
import { GiCarBattery, GiGasPump, GiCarKey } from 'react-icons/gi';
import { BsMusicPlayer, BsMap } from 'react-icons/bs';
import { ProgressBar } from 'react-bootstrap';
import './Homepage.scss';
import VehicleStatus from './VehicleStatus';
import MediaControl from './MediaControl';

export default function Homepage() {
  return (
    <div className="dashboard">
      <div className="vehicle-model-3d">
        <i className="icon-car-3d" />
      </div>
      
      <div className="status-section">
        <VehicleStatus />
        <div className="drive-mode-card">
          <h3>智能驾驶模式</h3>
          <div className="mode-selector">
            <button className="mode-btn active">舒适</button>
            <button className="mode-btn">运动</button>
            <button className="mode-btn">节能</button>
          </div>
        </div>
      </div>
      
      <MediaControl />
    </div>
  );
}